.container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;

  .container_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
}


.in-enter-active,
.in-exit-active {
  transition: all .5s;
}

.in-enter-active {
  transform: translate(0, 0) !important;
}

.in-enter {
  z-index: 1010 !important;
  transform: translate(100%, 0);
}

.back-enter-active,
.back-exit-active {
  transition: all .5s;
}

.back-exit-active {
  transform: translate(100%, 0) !important;
}

.back-exit {
  z-index: 1010 !important;
  transform: translate(0, 0);
}